.lean-bg {
    width: 100%;
    height: 176rpx;
    background: linear-gradient(to top, rgba(238, 252, 204, 0) 0%, #00FFAD 100%);
    padding-top: 100rpx;
    box-sizing: border-box;

    img {
        width: 104rpx;
        height: 60rpx;
        border-radius: 48rpx;
        margin-left: 24rpx;

    }
}

.scoll-page {
    overflow: auto;
    height: 100vh;
}

.content {
    background-color: $bg-color;
    max-height: calc(100vh + 300rpx);
    overflow: hidden;
}


.to-store {
    font-size: 24rpx;
    color: #333;
    margin-left: 10rpx;
}

.img {
    width: 26rpx;
    height: 26rpx;
}

.goods-row {
    background: #fff;
    padding: 16rpx;

    >.goods-col {
        display: flex;

        >.goods-img {
            flex: 4;
        }

        >.goods-detail {
            flex: 7;
        }
    }
}

.add1 {
    // background: #fff;
    padding: 30rpx 0;
}

.oldKeyRow {
    background: #fff;
    padding: 34rpx 3%;
    border-bottom: 1px solid #eeeeee;
}


.clamp3 {
    margin-bottom: 10rpx;
    font-size: 28rpx;
    color: #333333;
    font-weight: 400;
    display: -webkit-box;
    height: 80rpx;
    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2 !important;

    overflow: hidden;

    >span {
        line-height: 1.5;
    }
}


view {
    display: block;
}

.store-seller-name {
    color: #666;
    overflow: hidden;

    >div {
        float: left;
    }

    >span {
        float: right;
    }
}

.count-config {
    padding: 10rpx 0;
    color: #666;
    display: flex;
    font-size: 24rpx;
    justify-content: space-between;
}

.search-box {
    z-index: 99;
    width: 100%;
    background: $light-color;
    padding: 20rpx 2.5%;
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: 0;
}

.search-box .mSearch-input-box {
    width: 100%;
}

.search-box .input-box {
    width: 85%;
    flex-shrink: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-box .search-btn {
    width: 15%;
    margin: 0 0 0 2%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 28rpx;
    color: #fff;
    background: linear-gradient(to right, #ff9801, #ff570a);
    border-radius: 60rpx;
}

.search-box .input-box>input {
    width: 100%;
    height: 60rpx;
    font-size: 32rpx;
    border: 0;
    border-radius: 60rpx;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 3%;
    margin: 0;
    background-color: #ffffff;
}

.uni-scroll-view-content {
    background: #ededed !important;
}

.placeholder-class {
    color: #9e9e9e;
}

.search-keyword {
    width: 100%;
    // background-color: #ededed;
}

.keyword-list-box {
    height: calc(100vh - 110rpx);
    padding-top: 10rpx;
    border-radius: 20rpx 20rpx 0 0;
    background-color: #fff;
}

.keyword-entry-tap {
    background-color: #eee;
}

.keyword-entry {
    width: 94%;
    height: 80rpx;
    margin: 0 3%;
    font-size: 30rpx;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1rpx #e7e7e7;
}

.keyword-entry image {
    width: 60rpx;
    height: 60rpx;
}

.keyword-entry .keyword-text,
.keyword-entry .keyword-img {
    height: 80rpx;
    display: flex;
    align-items: center;
}

.keyword-entry .keyword-text {
    width: 90%;
}

.keyword-entry .keyword-img {
    width: 10%;
    justify-content: center;
}

.keyword-box {
    // background-color: #fff;
    padding: 0 24rpx;
}

.keyword-box .keyword-block {
    padding: 20rpx 0;
}

.keyword-box .keyword-block .keyword-list-header {
    width: 100%;
    padding: 20rpx 0;
    font-size: 27rpx;
    color: #333;
    display: flex;
    justify-content: space-between;
}

.keyword-box .keyword-block .keyword-list-header image {
    width: 40rpx;
    height: 40rpx;
}

.keyword-box .keyword-block .keyword>view {
    height: 42rpx;
    padding: 8rpx 12rpx;
    text-align: center;
    font-size: 22rpx;
    color: #757575;
    background-color: #F2F2F2;
    margin: 0 16rpx 16rpx 0;
    max-width: 200rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.u-tips {
    font-size: 28rpx;
    font-weight: 700;
    color: #212121;
}

.keyword {
    display: flex;
    flex-wrap: wrap;
}

.keyword-box {
    position: relative;
}

.clear {
    color: #666666;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 100rpx;
    line-height: 100rpx;
    font-size: 28rpx;
    background: #f7f7f7;
}

.keyword-box .keyword-block .hide-hot-tis {
    display: flex;
    justify-content: center;
    font-size: 28rpx;
    color: #6b6b6b;
}

.keyword-block-goods {
    padding: 0;
    margin-top: 20rpx;
}

.keyword-block-goods .keyword-list-header .u-tips {
    margin-left: 24rpx;
}

.store-content {
    padding: 0 16rpx;
    height: 100vh;
}

.goods-content {
    background: linear-gradient(to bottom, #fff 0%, #FAFAFA 100%);
    border-top-left-radius: 24rpx;
    border-top-right-radius: 24rpx;
    padding: 20rpx 24rpx;
}

.tabbar {
    display: flex;
    width: 100%;
    height: 46rpx;
    z-index: 10;
    margin: 36rpx 0 36rpx 28rpx;

    .tab-item {
        height: 42rpx;
        font-size: 26rpx;
        color: $font-color-dark;
        position: relative;
        margin-right: 56rpx;
    }

    .current {
        color: #000;
        position: relative;
        font-weight: 500;

        &:after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
            width: 20rpx;
            height: 0;
            border-bottom: 3rpx solid #000;
            border-radius: 3rpx;
        }
    }
}

.empty {
    padding-top: 324rpx;
    color: #999999;
    text-align: center;

    ::v-deep .u-image {
        width: 346rpx;
        height: 304rpx;
    }

    .tip-1 {
        font-size: 32rpx;
        color: #212121;
        margin-top: 40rpx;
    }

    .tip-2 {
        margin-top: 16rpx;
        font-size: 28rpx;
        color: #9E9E9E;
    }
}